<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../../vue.js"></script>
</head>

<body>
    <div id="app">
        <h1>{{msg}}</h1>
    </div>
    <script>
        Vue.config.productionTip = false

        const vm = new Vue({
            data:{
                msg:"Hello Vue!!"
            }

        })





        //通过 vm.$mount([elementOrSelector]) 来挂载
        vm.$mount("#app")


        // 通常也可以直接写成下面这种写法
        /* const vm = new Vue({
            data:{
                msg:"Hello Vue!!"
            }
        }).$mount("#app") */



        // 除了可以自由选择挂载时机以外,和el配置对象挂载没有任何区别
        /* setTimeout(()=>{
            vm.$mount("#app")
        },2000) */

    </script>
</body>

</html>